<script setup>
// import { useAttrs } from "vue"
// const xGrid = ref(null)
// let attrs = useAttrs()
// const gridOptions = {
//   border: true,
//   height: "auto",
//   size: "mini",
//   align: "center",
//   autosize: true,
//   loading: false,
//   stripe: true,
//   round: true,
//   columnConfig: {
//     isHover: true,
//     isCurrent: true,
//     minWidth: 60
//   },
//   rowConfig: {
//     isHover: true
//   },
//   customConfig: {
//     storage: true
//   },
//   toolbarConfig: {
//     export: false,
//     custom: true,
//     slots: {
//       buttons: "toolbar_buttons"
//     }
//   },
//   exportConfig: {},
//   printConfig: {}
// }
// attrs.columns.forEach((item) => {
//   item.sortable = true
// })
// attrs = {
//   ...gridOptions,
//   ...attrs
// }
</script>

<template>
  <!--  <vxe-grid id="table" v-bind="attrs" ref="xGrid" class="vxe-grid h-full">-->
  <!--    <template #toolbar_buttons />-->
  <!--    <template v-for="(slot, slotName) in $slots" :key="slotName" #[slotName]="slotData">-->
  <!--      <slot :name="slotName" v-bind="slotData || {}" />-->
  <!--    </template>-->
  <!--  </vxe-grid>-->
</template>
<style></style>
<style lang="less">
//$vxe-font-family: var(--td-font-family);
//:root[theme-mode="dark"] {
//  --vxe-font-size: var(--td-font-body-medium);
//  --vxe-font-color: var(--td-text-color-primary);
//  --vxe-primary-color: var(--td-text-color-primary);
//  --vxe-loading-color: var(--td-text-color-primary);
//  --vxe-table-font-color: $vxe-font-color;
//  --vxe-table-border-color: var(--td-component-border);
//  --vxe-table-border-radius: 4px;
//  --vxe-table-header-background-color: var(--td-bg-color-page);
//  --vxe-table-header-font-color: var(--td-text-color-primary);
//  --vxe-table-header-border-color: var(--td-border-color);
//  --vxe-table-row-striped-background-color: var(--td-bg-color-secondarycontainer);
//  //// 背景
//  --vxe-table-body-background-color: var(--td-bg-color-container);
//  --vxe-toolbar-background-color: var(--td-bg-color-container);
//  --vxe-button-default-background-color: var(--td-bg-color-page);
//  --vxe-pager-background-color: var(--td-bg-color-page);
//  --vxe-pager-perfect-background-color: var(--td-bg-color-page);
//  --vxe-pager-perfect-button-background-color: var(--td-bg-color-page);
//  --vxe-input-background-color: var(--td-bg-color-page);
//  --vxe-modal-body-background-color: var(--td-bg-color-page);
//  --vxe-modal-header-background-color: var(--td-bg-color-page);
//  --vxe-select-panel-background-color: var(--td-bg-color-page);
//  --vxe-select-dropdown-background-color: var(--td-bg-color-page);
//  --vxe-loading-background-color: var(--td-mask-active) !important;
//  --vxe-table-row-hover-background-color: var(--td-bg-color-secondarycontainer-hover);
//  --vxe-table-row-hover-striped-background-color: var(--td-bg-color-secondarycontainer-hover);
//  --vxe-toolbar-panel-background-color: var(--td-bg-color-container);
//  --vxe-table-column-hover-background-color: var(--td-bg-color-secondarycontainer-hover);
//  --vxe-table-column-current-background-color: var(--td-bg-color-secondarycontainer-active);
//}
//
//@import "vxe-table/styles/all.less";
//.vxe-button.type--button {
//  border: 0;
//}
</style>
